import Hello from '@/components/Hello'

export default {
  // 1.install方法何时调用？ —— 有人使用该插件的时候
  // 2.this是谁？—— 当前的插件（几乎不用）
  install(Vue,b,c,d,e){
    console.log('###',this)
    // 全局指令
    Vue.directive('very-beauty',(element,{value})=>{
      element.style.color = 'red'
      element.style.backgroundColor = 'green'
      element.innerText = value
    })
    Vue.directive('big',(element,{value})=>{
      element.innerText += value.toUpperCase()
    })
    
    // 全局组件
    Vue.component('Hello',Hello)

    // 全局过滤器
    Vue.filter('upper',(value)=>{
      return value.toUpperCase()
    })

    // 公共方法
    Vue.prototype.welcome = function(name){
      alert(`${name}你好啊`)
    }
  }
}